<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>人力资源管理系统</title>
<style type="text/css">
body{
-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

button#ext-gen81 {
    padding-right: 29px;
}

.nav, .nav_item1, .nav_item2, .nav_item3, .nav_item4
, .nav_item5, .nav_item6, .nav_item7, .nav_item8, .nav_item9 {
	/* margin: 6px; */
	padding: 0px;
	list-style: none;
	float:left;
	margin-top:9px;
}
element.style {
    color: red;
}
.x-btn em {
    font-style: normal;
    font-weight: normal;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
Inherited from button#ext-gen69.x-btn-text
.menu .x-btn button {
    color: black;
}
.x-btn button {
    font-family: 微软雅黑,Tahoma;
    font-size: 12px;
    margin-top: -2px;
    color: #000;
}
.x-btn button {
    color: #346DAD;
}
.x-btn button {
    font: normal 11px arial,tahoma,verdana,helvetica;
    color: #333;
}
.x-btn button {
    border: 0 none;
    background-color: transparent;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    margin-right: -45px;
    overflow: visible;
    width: auto;
    -moz-outline: 0 none;
    outline: 0 none;
}
.x-btn-text {
    cursor: pointer;
    white-space: nowrap;
    padding: 0;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}
input, textarea, keygen, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}
.x-btn em {
    font-style: normal;
    font-weight: normal;
}
i, cite, em, var, address, dfn {
    font-style: italic;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    font-family: 微软雅黑,Tahoma;
    font-size: 12px;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    font: normal 11px arial,tahoma, helvetica, sans-serif;
}
.x-toolbar-right td {
    text-align: center;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    white-space: nowrap;
}
.x-btn-mc {
    background: repeat-x 0 -1096px;
    vertical-align: middle;
    text-align: center;
    padding: 0 5px;
    cursor: pointer;
    white-space: nowrap;
}
.x-btn {
    font: normal 11px tahoma, verdana, helvetica;
}
.x-btn {
    cursor: pointer;
    white-space: nowrap;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    font-family: 微软雅黑,Tahoma;
    font-size: 12px;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    font: normal 11px arial,tahoma, helvetica, sans-serif;
}
.x-toolbar-right td {
    text-align: center;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    white-space: nowrap;
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}
.x-toolbar-right td {
    text-align: center;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    white-space: nowrap;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    font-family: 微软雅黑,Tahoma;
    font-size: 12px;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    font: normal 11px arial,tahoma, helvetica, sans-serif;
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}
.x-toolbar {
    border-style: solid;
    border-width: 0 0 1px 0;
    display: block;
    padding: 2px;
    background: repeat-x top left;
    position: relative;
    left: 0;
    top: 0;
    zoom: 1;
    overflow: hidden;
}

.x-panel-bwrap {
    overflow: hidden;
    zoom: 1;
    left: 0;
    top: 0;
}
.x-column-inner {
    overflow: hidden;
    zoom: 1;
}
.x-column-layout-ct {
    overflow: hidden;
    zoom: 1;
}
.x-toolbar .x-toolbar-cell {
    vertical-align: middle;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    font-family: 微软雅黑,Tahoma;
    font-size: 12px;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    font: normal 11px arial,tahoma, helvetica, sans-serif;
}
.x-toolbar-right td {
    text-align: center;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    white-space: nowrap;
}
.x-toolbar td {
    vertical-align: middle;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    font: normal 11px arial,tahoma, helvetica, sans-serif;
}
.x-toolbar-right td {
    text-align: center;
}
.x-toolbar-right
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    font-family: 微软雅黑,Tahoma;
    font-size: 12px;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    font: normal 11px arial,tahoma, helvetica, sans-serif;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    white-space: nowrap;
}
.x-toolbar .xtb-sep {
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    font-size: 1px;
    height: 16px;
    width: 4px;
    overflow: hidden;
    cursor: default;
     border: 0;
}
.nav li {
	float: right;
	padding-left: 40px;
}

.navs {
	float: left;
	margin-top:20px;
	margin-left:20px;
}
#amyou{
float:right;
margin-right: 120px;
/* margin-top: -5px;
 width:270px; */
 font-size:12px;
}
.indeximg{
    position: absolute;
    margin-left: 240px;
	margin-top:30px;	
}
.zx:hover{
cursor:pointer
}
.xgmm:hover{
cursor:pointer
}


</style>
<link rel="shortcut icon" href="//gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon">
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.5.6/jquery.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.5.6/jquery.easyui.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.5.6/locale/easyui-lang-zh_CN.js"/>"></script>

<link rel="stylesheet"
	href="<c:url value="/js/jquery-easyui-1.5.5.6/themes/icon.css"/>" />
<link rel="stylesheet"
	href="<c:url value="/js/jquery-easyui-1.5.5.6/themes/default/easyui.css"/>" />
	<script type="text/javascript">
					$(function(){
						$('.zhuomian').panel({
							href:"to_card"
						});
						$('.zhuomian').panel('refresh');
					/* 	人事JSP页面 */
						$(".nav_item1").click(function(){
							$('#tt').tabs("select",1);
							$('#psss').panel({    
				    			href:'to_personnel',   
				    			onLoad:function(){
				    			}
								});  
						});
						/* 	规划JSP页面 */
						$(".nav_item2").click(function(){
							$('#tt').tabs("select",1);
							$('#psss').panel({    
				    			href:'to_plan',   
				    			onLoad:function(){
				    			}
									});  
						});
						/* 	招聘JSP页面 */
						$(".nav_item3").click(function(){
							$('#tt').tabs("select",1);
							$('#psss').panel({    
				    			href:'to_recruit',   
				    			onLoad:function(){
				    			}
									});  
						});
						/* 	考试JSP页面 */
						$(".nav_item4").click(function(){
							$('#tt').tabs("select",1);
							$('#psss').panel({    
				    			href:'to_examination',   
				    			onLoad:function(){
				    			}
									});  
						});
						/* 	培训发展JSP页面 */
						$(".nav_item5").click(function(){
							$('#tt').tabs("select",1);
							$('#psss').panel({    
				    			href:'to_train',   
				    			onLoad:function(){
				    			}
									});  
						});
						/* 	薪资JSP页面 */
						$(".nav_item6").click(function(){
							$('#tt').tabs("select",1);
							$('#psss').panel({    
				    			href:'to_salary',   
				    			onLoad:function(){
				    			}
									});  
						});
						/* 	考勤JSP页面 */
						$(".nav_item7").click(function(){
							$('#tt').tabs("select",1);
							$('#psss').panel({    
				    			href:'to_work_attendance',   
				    			onLoad:function(){
				    			}
									});  
						});
						/* 	知识管理JSP页面 */
						$(".nav_item8").click(function(){
							$('#tt').tabs("select",1);
							$('#psss').panel({    
				    			href:'to_knowledge',   
				    			onLoad:function(){
				    			}
									});  
						});
						/* 	权限管理JSP页面 */
						$(".nav_item9").click(function(){
							$('#tt').tabs("select",1); 
							$('#psss').panel({    
				    			href:'to_get_all_roles',   
				    			onLoad:function(){
				    			}
									});  
						});
						//关闭当前选项卡
						$(".close_").linkbutton({onClick:function(){
							var tab = $("#tt").tabs("getSelected");
							var index = $("#tt").tabs("getTabIndex",tab);
							if(index==0) return;
							$("#tt1").tabs("close",index);
						}});
						//关毕所有
						$(".close_all").linkbutton({onClick:function(){
							var tab = $("#tt").tabs("tabs");
							for(var i = tab.length-1;i>1;i--){
								$("#tt").tabs("close",i);
							}
							
						}});
						
				
						$(".xgmm").click(function(){
							$("#xiugaimima").dialog("open");
						});
						
						
					});
		


       
        
    </script>
</head>
<body class="easyui-layout">
	<style>
.nav li {
	float: right;
	padding-left: 40px;
}

.navs {
	float: left;
}

</style>
	<div region="north" border="false" minHeight="80"
		style="background:url(<c:url value="/images/bgr.png"></c:url>)right top no-repeat;height:9%;padding:0px;overflow-x:hidden;overflow-y:auto;">
		<div class="navs">
			<h3>人力资源管理系统</h3>
		</div>
		<div id="aa" class="nav-aa" data-options="fit:true, border:false">
		<script>
			$(function(){
				
				
				
			});
		</script>
		
			<ul class="nav">
	
				<li class="nav_item9"><a class="easyui-linkbutton open"
					data-options="text:'权限管理', plain:true,href2:'to_easyui'">权限管理</a>
					</li>
<!-- 			<li class="nav_item8"><a class="easyui-linkbutton open"
					data-options="text:'知识管理', plain:true,href2:'to_easyui'">知识管理</a></li>  -->
				<li class="nav_item7"><a class="easyui-linkbutton open"
					data-options="text:'考勤', plain:true,href2:'to_easyui'">考勤</a></li>
				<li class="nav_item6"><a class="easyui-linkbutton open"
					data-options="text:'薪资', plain:true,href2:'to_easyui'">薪资</a></li>
				<li class="nav_item5"><a class="easyui-linkbutton open"
					data-options="text:'培训发展', plain:true,href2:'to_window'">培训发展</a></li>
				<li class="nav_item4"><a class="easyui-linkbutton open"
					data-options="text:'考试', plain:true,href2:'to_dialog'">考试</a></li>
				<li class="nav_item3"><a class="easyui-linkbutton open"
					data-options="text:'招聘', plain:true,href2:'to_textbox'">招聘</a></li>
				<li class="nav_item2"><a class="easyui-linkbutton open"
					data-options="text:'规划', plain:true,href2:'to_form'"
					>规划</a>
				</li>
				<li class="nav_item1"><a class="easyui-linkbutton open"
					data-options="text:'人事', plain:true,href2:'to_datagrid_emp'">人事</a>
					</a>
					
					</li>
					<div style="clear="both"></div>
			</ul>
		</div>
			<!-- 这是右侧 -->
	 <div id="amyou" >
  <table cellspacing="0">
   <tbody>
    <tr class="x-toolbar-right-row">
     <td class="x-toolbar-cell" id="ext-gen68">
      <table id="tsCompany" cellspacing="0" class="x-btn x-btn-noicon" style="width: auto;">
       <tbody class="x-btn-small x-btn-icon-small-left">
        <tr>
         <td class="x-btn-tl"><i>&nbsp;</i></td>
         <td class="x-btn-tc"></td>
         <td class="x-btn-tr"><i>&nbsp;</i></td>
        </tr>
        <tr>
         <td class="x-btn-ml"><i>&nbsp;</i></td>
         <td class="x-btn-mc">
         <button type="button" id="ext-gen69" class=" x-btn-text">
         <em style="color: red;margin-top:7px;float:right;font-size:13px;">Welcome to use this system (欢迎使用本系统)</em></button></em></td>
         <td class="x-btn-mr"><i>&nbsp;</i></td>
        </tr>
        <tr>
         <td class="x-btn-bl"><i>&nbsp;</i></td>
         <td class="x-btn-bc"></td>
         <td class="x-btn-br"><i>&nbsp;</i></td>
        </tr>
       </tbody>
      </table></td>
     <td class="x-toolbar-cell" id="ext-gen70">
     <span class="xtb-sep" id="ext-gen71"></span></td>
     <td class="x-toolbar-cell" id="ext-gen72">
      <table id="tsFavLink" cellspacing="0" class="x-btn  x-btn-text-icon" style="width: auto;">
       <tbody class="x-btn-small x-btn-icon-small-left">
        <tr>
         <td class="x-btn-tl"><i>&nbsp;</i></td>
         <td class="x-btn-tc"></td>
         <td class="x-btn-tr"><i>&nbsp;</i></td>
        </tr>
        <tr>
         <td class="x-btn-ml"><i>&nbsp;</i></td>
         <td class="x-btn-mr"><i>&nbsp;</i></td>
        </tr>
        <tr>
         <td class="x-btn-bl"><i>&nbsp;</i></td>
         <td class="x-btn-bc"></td>
         <td class="x-btn-br"><i>&nbsp;</i></td>
        </tr>
       </tbody>
      </table></td>
     <td  id="ext-gen74">
     <span class="xtb-sep" id="ext-gen75"></span></td>
     <td  id="ext-gen76">
      <table id="tsOperRoot" cellspacing="0" class="x-btn  x-btn-text-icon" style="width: auto;">
       <tbody >
        <tr>
         <td class="x-btn-tl"><i>&nbsp;</i></td>
         <td class="x-btn-tc"></td>
         <td class="x-btn-tr"><i>&nbsp;</i></td>
        </tr>
        <tr>
         <td class="x-btn-ml"><i>&nbsp;</i></td>
         <td class="x-btn-mr"><i>&nbsp;</i></td>
        </tr>
        <tr>
         <td class="x-btn-bl"><i>&nbsp;</i></td>
         <td class="x-btn-bc"></td>
         <td class="x-btn-br"><i>&nbsp;</i></td>
        </tr>
       </tbody>
      </table></td>
     <td class="x-toolbar-cell" id="ext-gen78"><span class="xtb-sep" id="ext-gen79"></span></td>
     <td class="x-toolbar-cell" id="ext-gen80">
      <table id="Button16" cellspacing="0" class="x-btn  x-btn-text-icon" ">
       <tbody class="x-btn-small x-btn-icon-small-left">
        <tr>
         <td class="x-btn-tl"><i>&nbsp;</i></td>
         <td class="x-btn-tc"></td>
         <td class="x-btn-tr"><i>&nbsp;</i></td>
        </tr>
        <tr>
         <td class="x-btn-ml"><i>&nbsp;</i></td>
         <td class="x-btn-mc">
          <a  style="color:blue;margin-top:5px;float:right;font-size:13px;">${staff.stainName}</a></span>
  	
         <td class="x-btn-mr"><i>&nbsp;</i></td>
        </tr>
        <tr>
        
        <span class="zx" style="color:blue;margin-top:21px;float:right;font-size:13px;">注销</span>
         <span  style="color:blue;margin-top:21px;float:right;margin-right:	;font-size:13px;">--</span>
         
         
         <span class="xgmm" style="color:blue;margin-top:21px;float:right;font-size:13px;">修改密码</span>
         <span  style="color:blue;margin-top:21px;float:right;margin-right:18px	;font-size:12px;">--</span>
         
         <td class="x-btn-bl"><i>&nbsp;</i></td>
         <td class="x-btn-bc"></td>
         <td class="x-btn-br"><i>&nbsp;</i></td>
        </tr>
       </tbody>
      </table></td>
    </tr>
   </tbody>
  </table>   
<div id="two_right" style="float:right;clear:both;margin-top:-2%;">
  <span id="" class="clock">
 
		<script type="text/javascript">
			
			
			//注销登陆
			$('.zx').click(function(){
				$.messager.confirm('确认', '您确定要退出登录吗？', function(v){
					if(v){
						location.href='zhuxiao';
					}
				});
			});
		</script> 
  </div> 
  </div>	
  </div>


		</div>
<div data-options="region:'center',border:false" style="margin-top:-2px">
		<!-- <div id="tt" class="easyui-tabs" tools="#tab-tools" fit="true">
			<div title="主界面" tools="#p-tools" style="padding: 20px;" >
				<div id="psss" style="overflow-x: hidden; overflow-y: auto;border:none;" >
				
				</div>
			</div>
		</div> --> 
		<div id="tabs_tool">
    		<a class="easyui-linkbutton close_" data-options="iconCls:'icon-clear',plain:true"></a>
    		<a class="easyui-linkbutton close_all" data-options="iconCls:'icon-remove',plain:true"></a>
   	    </div> 
		<div id="tt" class="easyui-tabs" data-options="plain:true,fit:true,border:false,tools:'#tabs_tool'">
		<div class="zhuomian"  data-options="title:'桌面'">
		
	
		</div> 
		<div class="tabs_page" id="tt1"  data-options="title:'人力资源' ">
		<script type="text/javascript">
		$(function(){
			/*  //添加新的选项卡 
	        var OpenTab = function(title, href) 	{ 
	            //判断窗口是否被打开 
	            if ($("#tt1").tabs("exists",title)) { 
	                //激活打开 
	                $("#tt1").tabs("select",title); 
	            }else{ 
	            	$("#tt1").tabs("select",2);
	               //没打开则打开 
	                $("#tt1").tabs("add",{ 
	                    title:title, 
	                    href:href, 
	                    closable:true 
	                });  
	            } 
	        } 
	      $(".open").linkbutton({onClick:function(){ 
	            var val = $(this).linkbutton("options"); 
	            var text = val.text; 
	            var href= val.href1; 
	            OpenTab(text,href); 
	        }}); 
	          */
	        
	    });  
	</script>

		
			<div id="psss" style="overflow-x: hidden; overflow-y: auto;border:none;" >

		</div>
		</div>
	</div>
		<div id="xiugaimima" class="easyui-dialog"
			data-options="width:250,
						height:260,
						title:'修改密码',
						modal:true,
						closed:true,
						buttons:[{
					text:'确认修改',
					iconCls:'icon-ok',
					handler:function(){
					
						$('#wdm_reasons_for_xgmm').form({
							onSubmit:function(params){
								return $('#wdm_reasons_for_xgmm').form('validate');
							},success:function(v){
								v=eval('('+ v + ')');
								if(v.success){
									$('#xiugaimima').dialog('close');
									$('#wdm_reasons_for_xgmm').form('reset');
									location.href='to_Login';
								}else{
									$.messager.alert('错误', v.message);
								}
							}
						
						}).submit();
					}
				},{
					text:'取消',
					iconCls:'icon-cancel',
					handler:function(){
						$('#xiugaimima').dialog('close');
					}
				}]">
	 		<form action="xgygmm" method="post"  id="wdm_reasons_for_xgmm" >
	 			<div style="margin-left:20px;margin-top:10px;">*员工编号：<input class="easyui-textbox" id="" name="stainId"  value="${staff.stainId}" data-options="width:'50%',readonly:true"/></div>
	 			<div style="margin-left:20px;margin-top:10px;">*员工姓名：<input class="easyui-textbox" id="" name="" value="${staff.stainName}" data-options="width:'50%',readonly:true"/></div>
				<div style="margin-left:20px;margin-top:10px;">*旧密码：&nbsp;&nbsp;&nbsp;<input class="easyui-passwordbox" id=""  name="jiumima" data-options="width:'50%',required:true"/></div>
				<div style="margin-left:20px;margin-top:10px;" >*新密码：&nbsp;&nbsp;&nbsp;<input class="easyui-passwordbox" id="" name="xinmima" data-options="width:'50%',required:true"/></div>
			</form>
		</div>	
</body>
</html>